<style lang="scss" scoped>
    .page{
        padding-top: calc(11.7333vw + 0px);
        box-sizing: border-box;
        
    }
    .active{
        padding-top: calc(11.7333vw + 24px) !important;
    }
    
</style>

<template>
  <div class="page" :class="{active:active}">
    <Header></Header>
    <router-view/>
    <!-- <Footer></Footer> -->
  </div>
</template>

<script>
import Header from "@/components/header";
// import Footer from "@/components/footer";
export default {
  components: {
    Header,
    // Footer
  },
  beforeRouteEnter(to, from, next) {
    next();
  },
  computed: {},
  data() {
    return {
        active:false
    };
  },
  created(){
    //   console.log(this.$store.state.ios)
    if(this.$store.state.ios){
        this.active = true;
    }
  },
  mounted() {

  },
  methods: {}
};
</script>
